.wealthIndex{
  .container{
    background-color: #fff;
    .top{
      position: relative;
      z-index: 0;
      width: 7.2rem;
      height: 7.6rem;
      .topBgPic{
        width: 7.2rem;
        height: 7.6rem;
        object-fit: contain;
        position: absolute;
        z-index: -1;
      }
      @absolutetop:0.78rem;
      .leftTop{
        position: absolute;
        //left: 0;
        //border-bottom-left-radius: 0.1rem;
        //border-top-left-radius: 0.1rem;
        //border-bottom-right-radius: 0.1rem;
        //border-top-right-radius: 0.1rem;
        right: 0.1rem;
        top: @absolutetop;
        //padding: 0.05rem 0.1rem 0.05rem 0.1rem;
        box-sizing: border-box;
        //min-width: 1.8rem;
        height: 0.4rem;
        //background-color: rgba(51, 51, 51, 0.5);
        cursor: pointer;
        border-radius: 50%;
        overflow: hidden;
        display: flex;
        img{
          width: 0.4rem;
          height: 0.4rem;
        }
        p{
          height: 0.3rem;
          line-height: 0.3rem;
          font-size: 0.2rem;

          font-weight: bold;
          color: #FFFFFF;
        }
      }
      .rightTop{
        position: absolute;
        //right: 0.2rem;
        left: 0rem;
        //border-bottom-right-radius: 0.2rem;
        //border-top-right-radius: 0.2rem;
        //border-radius: 0.2rem;
        top: @absolutetop;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 1.4rem;
        padding-left: 0.2rem;
        //flex-wrap: nowrap;
        //padding: 0.05rem 0.13rem 0.05rem 0.06rem;
        //padding: 0.05rem 0 0.05rem 0.06rem;
        //min-width: 3.02rem;
        //height: 0.4rem;
        //box-sizing: border-box;
        //background-color: red;
        .liwrap{
          display: flex;
          height: 0.4rem;
          min-width: 1.2rem;
          padding:0 1em 0 0.5em;
          background-color: #fff;
          border-radius: 0.2rem;
          img{
            width: auto;
            height: 0.3rem;
            padding: 0.05rem 0.05rem 0.05rem 0;
          }
          p{
            //padding-left: 0.05rem;
            padding-left: 0.1rem;
            font-size: 0.20rem;

            font-weight: bold;
            line-height: 0.4rem;
            height: 0.4rem;
            color: #47A3FF;
          }
        }
      }
      .righttopentry{
        position: absolute;
        right: 0.2rem;
        //top: 1.68rem;
        top: calc( 0.5rem + @absolutetop + 0.4rem );
        //top:2rem;
        .liwrap{
          margin-bottom: 0.2rem;
          cursor: pointer;
          img{
            width: 0.4rem;
            height: 0.4rem;
            padding: 0.12rem;
            background-color: #fff;
            margin: 0 auto 0.07rem;
            border-radius: 0.1rem;
          }
          span{
            font-size: 0.20rem;

            font-weight: bold;
            line-height: 0.28rem;
            color: #FFFFFF;
            opacity: 1;
            display: block;
            text-align: center;
          }
        }
      }
      .stepsShow{
        position: absolute;
        left: 50%;
        //top: 1.46rem;
        top: 1.25rem;
        transform: translate(-50%,0);
        width: 3.3rem;
        height: 3.5rem;
        .title{
          position: absolute;
          left: 50%;
          top: 0.5rem;
          width: 100%;
          height: 0.28rem;
          transform: translate(-50%,0);
          font-size: 0.20rem;

          font-weight: bold;
          line-height: 0.28rem;
          color: #FFFFFF;
          opacity: 1;
          text-align: center;
        }
        span{
          position: absolute;
          left: 50%;
          top: 0.91rem;
          transform: translate(-50%,0);
          width: 100%;
          height: 0.98rem;
          font-size: 0.7rem;

          font-weight: bold;
          line-height: 0.98rem;
          display: block;
          color: #FFFFFF;
          opacity: 1;
          text-align: center;
        }
        .tips{
          position: absolute;
          left: 50%;
          top: 2.09rem;
          transform: translate(-50%,0);
          width: 100%;
          height: 0.28rem;
          font-size: 0.2rem;

          font-weight: bold;
          line-height: 0.28rem;
          color: #FFFFFF;
          opacity: 1;
          text-align: center;
        }
        .btn{
          position: absolute;
          left: 50%;
          //top: 2.86rem;
          //top: 3.4rem;
          top: 3.75rem;
          transform: translate(-50%,0);
          padding: 0 0.28rem;
          min-width: 2.6rem;
          height: 0.64rem;
          border-radius: 0.32rem;
          cursor: pointer;
          text-align: center;

          font-size: 0.2rem;

          font-weight: bold;
          line-height: 0.64rem;
          color: #663929;
          opacity: 1;
          background-color: rgb(254, 212, 35);
          box-shadow: 0 0 0.06rem 0.06rem rgb(254, 212, 35);
        }
        .compSepWrap{
          width: 3.3rem;
          height: 3.3rem;
          margin-top: -0.2rem;
        }
      }
    }
    .center{
      position: relative;
      width: 7.2rem;
      margin-top: -0.4rem;
      background-color: #fff;
      border-top-left-radius: 0.4rem;
      border-top-right-radius: 0.4rem;
      .title{
        padding: 0.33rem 0.3rem 0.32rem;
        display: flex;
        justify-content: start;
        img{
          width: 0.4rem;
          height: 0.4rem;
        }
        p{
          padding-left: 0.2rem;
          height: 0.4rem;
          font-size: 0.32rem;

          font-weight: bold;
          line-height: 0.4rem;
          color: #333333;
          opacity: 1;
        }
      }
      .content{
        display: flex;
        justify-content: space-between;
        //padding: 0.4rem 0.4rem 0.17rem;
        padding: 0rem 0.4rem 0.17rem;
        .li{
          p{
            height: 0.45rem;
            font-size: 0.32rem;

            font-weight: bold;
            line-height: 0.45rem;
            color: #333333;
            opacity: 1;
            text-align: center;
          }
          .li_key{
            margin-top: 0.2rem;
            display: flex;
            justify-content: center;
            img{
              width: 0.28rem;
              height: 0.28rem;
            }
            p{
              padding-left: 0.1rem;
              height: 0.28rem;
              font-size: 0.2rem;

              font-weight: 400;
              line-height: 0.28rem;
              color: #333333;
              opacity: 1;
            }
          }
        }
      }
    }
    .swiper{
      //padding: 0.5rem 0.2rem;
      //height: 1rem;
      width: 6.6rem;
      height: 2.7rem;
      margin: 0 auto;
      img{
        width: 6.6rem;
        height: 2.7rem;
        object-fit: cover;
        display: block;
        margin: 0 auto;
      }
    }
  }
}
